<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>人人自由-提交任务</title>
		<!-- Bootstrap -->
		<link rel="stylesheet" type="text/css" href="../../styles/customCss/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../styles/customCss/bootstrap-theme.min.css" />
		<!-- 导航菜单栏右侧点击滑入 -->
		
		<!-- 用户样式 -->
		<link rel="stylesheet" type="text/css" href="../../styles/customCss/style.css" />
	</head>
	<body>
		<jsp:include page="top.jsp"></jsp:include>
	
		<div class="xqy_banner" style=" width:100%; background:url(../../images/customImg/xqy_pic.png) center no-repeat;min-height:300px;"></div>
		<div class="container-fluid">
			<div class="xqybox">
				<p class="tit01">【任务】</p>
	            <p class="nei01">${taskInfoById.title}</p>
	            <p class="tit02">【任务需求】：${taskInfoById.count}单</p>
	            <p class="tit02">【任务报酬】：<span class="taskprice">￥500.00/单</span></p>
	        	<p class="tit02">【任务介绍】</p>
	            <p class="nei02">
	             ${taskInfoById.content}
				</p>
	            <p class="tit02">【任务说明】</p>
	            <p class="nei02">${taskInfoById.taskDesc}</p>
	            <form id="submitTask" method="post" action="submitTask"  ENCTYPE="multipart/form-data">
	            <input  type="hidden" name="taskId" id="taskId" value="${taskInfoById.taskId}">
	            <input type="hidden" name="userId" id="userId" value="${customUser.userId}">
	            <div class="baoming">
	            	<p class="tit02">【填写完成任务表格】</p>
	            	<div class="formbox">
			            <ul>
			            	<li>
				            	<label class="tian">任务截图：</label>
				            	<div class="picupsee">
				            		<input class="finishpic" type="file" name="taskPic" id="taskPic">
				            		<label class="sm">*必填[需真实任务截图]</label>
				            	</div>
				            	<div class="clear"></div>
				            </li>
			            	<li>
				            	<label class="tian">手机号码：</label>
				            	<input class="telphone" type="text" name="telphone" id="telphone">
				            	<label class="sm">*必填</label>
			            	</li>
			            	<li>
				            	<label class="tian">支付宝账号：</label>
				            	<input class="zhifubao" type="text" name="zhifubao" id="zhifubao">
				            	<label class="sm">*必填</label>
			            	</li>
			            	<li>
				            	<label class="tian">银行账号：</label>
				            	<input class="bankcard" type="text" name="bankcard" id="bankcard">
				            	<label class="sm">*必填</label>
			            	</li>
			            	<li>
				            	<label class="tian">QQ：</label>
				            	<input class="qq" type="text" name="qq" id="qq">
				            	<label class="sm">*必填</label>
			            	</li>
			            	<li>
				            	<label class="tian">微博：</label>
				            	<input class="weibo" type="text" name="weibo" id="weibo">
				            	<label class="sm">*必填</label>
			            	</li>
			            	<li>
				            	<label class="tian">其他补充：</label>
				            	<input class="qita" type="text" name="qita" id="qita">
				            	<label class="bc">*选填</label>
			            	</li>
			            </ul>
			            
	            	</div>
	            	<p class="tijiao"><button type="submit">提交任务</button></p>
	                <p class="moretask"><a href="index">更多任务 >></a></p>
	                <div class="clearfix"></div>
	            </div>
	            </form>
			</div>
		</div>
		
		<jsp:include page="bottom.jsp"></jsp:include>
	</body>
</html>